<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="A fully featured admin theme which can be used to build CRM, CMS, etc.">
        <meta name="author" content="Coderthemes">

        <!-- App Favicon -->
        <link rel="shortcut icon" href="assets/images/favicon.ico">

        <!-- App title -->
        <title>Uplon - Responsive Admin Dashboard Template</title>

        <!--Morris Chart CSS -->
		<link rel="stylesheet" href="assets/plugins/morris/morris.css">

        <!-- Switchery css -->
        <link href="assets/plugins/switchery/switchery.min.css" rel="stylesheet" />

        <!-- Bootstrap CSS -->
        <link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />

        <!-- App CSS -->
        <link href="assets/css/style.css" rel="stylesheet" type="text/css" />
   
       <!-- <script src="assets/js/modernizr.min.js"></script>-->
	</head>
	<body id="do-nicescrol">
        <div class="row">
            <div class="col-xs-12 col-md-6 col-lg-6 col-xl-3">
                <div class="card-box tilebox-one">
                    <i class="icon-layers float-right text-muted"></i>
                    <h6 class="text-muted text-uppercase m-b-20">命令</h6>
                    <h2 class="m-b-20" data-plugin="counterup">1,587</h2>
                    <span class="label label-success"> +11% </span> <span class="text-muted">与上期相比</span>
                </div>
            </div>

            <div class="col-xs-12 col-md-6 col-lg-6 col-xl-3">
                <div class="card-box tilebox-one">
                    <i class="icon-paypal float-right text-muted"></i>
                    <h6 class="text-muted text-uppercase m-b-20">收益</h6>
                    <h2 class="m-b-20">$<span data-plugin="counterup">46,782</span></h2>
                    <span class="label label-danger"> -29% </span> <span class="text-muted">与上期相比</span>
                </div>
            </div>

            <div class="col-xs-12 col-md-6 col-lg-6 col-xl-3">
                <div class="card-box tilebox-one">
                    <i class="icon-chart float-right text-muted"></i>
                    <h6 class="text-muted text-uppercase m-b-20">平均价</h6>
                    <h2 class="m-b-20">$<span data-plugin="counterup">15.9</span></h2>
                    <span class="label label-pink"> 0% </span> <span class="text-muted">与上期相比</span>
                </div>
            </div>

            <div class="col-xs-12 col-md-6 col-lg-6 col-xl-3">
                <div class="card-box tilebox-one">
                    <i class="icon-rocket float-right text-muted"></i>
                    <h6 class="text-muted text-uppercase m-b-20">产品销售</h6>
                    <h2 class="m-b-20" data-plugin="counterup">1,890</h2>
                    <span class="label label-warning"> +89% </span> <span class="text-muted">与去年相比</span>
                </div>
            </div>
        </div>
        <!-- end row -->


        <div class="row">
            <div class="col-xs-12 col-lg-12 col-xl-8">
                <div class="card-box">

                    <h4 class="header-title m-t-0 m-b-20">销售统计</h4>

                    <div class="text-center">
                        <ul class="list-inline chart-detail-list m-b-0">
                            <li class="list-inline-item">
                                <h6 style="color: #3db9dc;"><i class="zmdi zmdi-circle-o m-r-5"></i>A模块</h6>
                            </li>
                            <li class="list-inline-item">
                                <h6 style="color: #1bb99a;"><i class="zmdi zmdi-triangle-up m-r-5"></i>B模块</h6>
                            </li>
                            <li class="list-inline-item">
                                <h6 style="color: #818a91;"><i class="zmdi zmdi-square-o m-r-5"></i>C模块</h6>
                            </li>
                        </ul>
                    </div>

                    <div id="morris-bar-stacked" style="height: 320px;"></div>

        		</div>
            </div><!-- end col-->

            <div class="col-xs-12 col-lg-12 col-xl-4">
                <div class="card-box">

                    <h4 class="header-title m-t-0 m-b-30">月趋势</h4>

                    <div class="text-center m-b-20">
                        <div class="btn-group" role="group" aria-label="Basic example">
                            <button type="button" class="btn btn-sm btn-secondary">今天</button>
                            <button type="button" class="btn btn-sm btn-secondary">本周</button>
                            <button type="button" class="btn btn-sm btn-secondary">上周</button>
                        </div>
                    </div>

                    <div id="morris-donut-example" style="height: 269px;"></div>

                    <div class="text-center">
                        <ul class="list-inline chart-detail-list mb-0 m-t-10">
                            <li class="list-inline-item">
                                <h6 style="color: #3db9dc;"><i class="zmdi zmdi-circle-o m-r-5"></i>英语</h6>
                            </li>
                            <li class="list-inline-item">
                                <h6 style="color: #1bb99a;"><i class="zmdi zmdi-triangle-up m-r-5"></i>意大利语</h6>
                            </li>
                            <li class="list-inline-item">
                                <h6 style="color: #818a91;"><i class="zmdi zmdi-square-o m-r-5"></i>法语</h6>
                            </li>
                        </ul>
                    </div>

        		</div>
            </div><!-- end col-->


        </div>
        <!-- end row -->


        <div class="row">
            <div class="col-xs-12 col-lg-12 col-xl-7">
                <div class="row">
                    <div class="col-xs-12 col-md-6">
                        <div class="card-box">
                            <h4 class="header-title m-t-0 m-b-20">收信信箱</h4>

                            <div class="inbox-widget nicescroll" style="height: 330px;">
                                <a href="index.html#">
                                    <div class="inbox-item">
                                        <div class="inbox-item-img"><img src="assets/images/users/avatar-1.jpg" class="rounded-circle" alt=""></div>
                                        <p class="inbox-item-author">陈大利</p>
                                        <p class="inbox-item-text">嘿！这个太不可思议了</p>
                                        <p class="inbox-item-date">13:40 PM</p>
                                    </div>
                                </a>
                                <a href="index.html#">
                                    <div class="inbox-item">
                                        <div class="inbox-item-img"><img src="assets/images/users/avatar-2.jpg" class="rounded-circle" alt=""></div>
                                        <p class="inbox-item-author">托马斯刘</p>
                                        <p class="inbox-item-text">我终于完成它了! 见你...</p>
                                        <p class="inbox-item-date">13:34 PM</p>
                                    </div>
                                </a>
                                <a href="index.html#">
                                    <div class="inbox-item">
                                        <div class="inbox-item-img"><img src="assets/images/users/avatar-3.jpg" class="rounded-circle" alt=""></div>
                                        <p class="inbox-item-author">斯塔克</p>
                                        <p class="inbox-item-text">太不可思议了!</p>
                                        <p class="inbox-item-date">13:17 PM</p>
                                    </div>
                                </a>
                                <a href="index.html#">
                                    <div class="inbox-item">
                                        <div class="inbox-item-img"><img src="assets/images/users/avatar-4.jpg" class="rounded-circle" alt=""></div>
                                        <p class="inbox-item-author">库拉法尔</p>
                                        <p class="inbox-item-text">很高兴认识你</p>
                                        <p class="inbox-item-date">12:20 PM</p>
                                    </div>
                                </a>
                                <a href="index.html#">
                                    <div class="inbox-item">
                                        <div class="inbox-item-img"><img src="assets/images/users/avatar-5.jpg" class="rounded-circle" alt=""></div>
                                        <p class="inbox-item-author">师歌达克</p>
                                        <p class="inbox-item-text">嘿！这个太不可思议了</p>
                                        <p class="inbox-item-date">10:15 AM</p>
                                    </div>
                                </a>
                                <a href="index.html#">
                                    <div class="inbox-item">
                                        <div class="inbox-item-img"><img src="assets/images/users/avatar-6.jpg" class="rounded-circle" alt=""></div>
                                        <p class="inbox-item-author">爱德米尔森</p>
                                        <p class="inbox-item-text">太神奇了!</p>
                                        <p class="inbox-item-date">9:56 AM</p>
                                    </div>
                                </a>
                                <a href="index.html#">
                                    <div class="inbox-item">
                                        <div class="inbox-item-img"><img src="assets/images/users/avatar-8.jpg" class="rounded-circle" alt=""></div>
                                        <p class="inbox-item-author">阿史海瑞</p>
                                        <p class="inbox-item-text">嘿！这个太难以置信了...</p>
                                        <p class="inbox-item-date">10:15 AM</p>
                                    </div>
                                </a>
                                <a href="index.html#">
                                    <div class="inbox-item">
                                        <div class="inbox-item-img"><img src="assets/images/users/avatar-9.jpg" class="rounded-circle" alt=""></div>
                                        <p class="inbox-item-author">乔氏斯汀</p>
                                        <p class="inbox-item-text">我终于完成它了! 见你...</p>
                                        <p class="inbox-item-date">9:56 AM</p>
                                    </div>
                                </a>
                            </div>

                        </div>
                    </div>

                    <div class="col-xs-12 col-md-6">
                        <div class="card-box">
                            <h4 class="header-title m-t-0 m-b-20">销售统计</h4>

                            <p class="font-600 m-b-5">iMacs <span class="text-danger pull-right"><b>78%</b></span></p>
                            <div class="progress">
                                <div class="progress-bar progress-bar-striped progress-xs bg-danger" role="progressbar" style="width: 78%" aria-valuenow="78" aria-valuemin="0" aria-valuemax="78"></div>
                            </div>
                        </div>

                        <div class="card-box">
                            <h4 class="header-title m-t-0 m-b-20">月销售</h4>

                            <p class="font-600 m-b-5">Macbooks <span class="text-success pull-right"><b>25%</b></span></p>
                            <div class="progress">
                                <div class="progress-bar progress-bar-striped bg-success progress-xs" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                            </div>
                        </div>

                        <div class="card-box">
                            <h4 class="header-title m-t-0 m-b-20">日销售</h4>

                            <p class="font-600 m-b-5">Mobiles <span class="text-warning pull-right"><b>75%</b></span></p>
                            <div class="progress">
                                <div class="progress-bar progress-bar-striped bg-warning progress-xs" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
                            </div>
                        </div>

                    </div>

                </div>
            </div><!-- end col-->

            <div class="col-xs-12 col-lg-12 col-xl-5">
                <div class="card-box">

                    <h4 class="header-title m-t-0 m-b-30">顶级合同</h4>

                    <div class="table-responsive">
                        <table class="table table-bordered mb-0">
                            <thead>
                                <tr>
                                    <th>公司</th>
                                    <th>开始日期</th>
                                    <th>结束日期</th>
                                    <th>状态</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <th class="text-muted">Apple Technology</th>
                                    <td>20/02/2014</td>
                                    <td>19/02/2020</td>
                                    <td><span class="label label-success">Paid</span></td>
                                </tr>
                                <tr>
                                    <th class="text-muted">Envato Pty Ltd.</th>
                                    <td>20/02/2014</td>
                                    <td>19/02/2020</td>
                                    <td><span class="label label-danger">Unpaid</span></td>
                                </tr>
                                <tr>
                                    <th class="text-muted">Dribbble LLC.</th>
                                    <td>20/02/2014</td>
                                    <td>19/02/2020</td>
                                    <td><span class="label label-success">Paid</span></td>
                                </tr>
                            <tr>
                                    <th class="text-muted">Adobe Family</th>
                                    <td>20/02/2014</td>
                                    <td>19/02/2020</td>
                                    <td><span class="label label-success">Paid</span></td>
                                </tr>
                            <tr>
                                    <th class="text-muted">Apple Technology</th>
                                    <td>20/02/2014</td>
                                    <td>19/02/2020</td>
                                    <td><span class="label label-danger">Unpaid</span></td>
                                </tr>
                            <tr>
                                    <th class="text-muted">Envato Pty Ltd.</th>
                                    <td>20/02/2014</td>
                                    <td>19/02/2020</td>
                                    <td><span class="label label-success">Paid</span></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>


        		</div>
            </div><!-- end col-->


        </div>
        <!-- end row -->


                                

	 <!-- jQuery  -->
        <script src="assets/js/jquery.min.js"></script>
        <script src="assets/js/tether.min.js"></script><!-- Tether for Bootstrap -->
        <script src="assets/js/bootstrap.min.js"></script>
        <script src="assets/js/detect.js"></script>
        <script src="assets/js/fastclick.js"></script>
        <script src="assets/js/jquery.blockUI.js"></script>
        <script src="assets/js/waves.js"></script>
        <script src="assets/js/jquery.nicescroll.js"></script>
        <script src="assets/js/jquery.scrollTo.min.js"></script>
        <script src="assets/js/jquery.slimscroll.js"></script>
        <script src="assets/plugins/switchery/switchery.min.js"></script>
		
        <!--Morris Chart-->
		<script src="assets/plugins/morris/morris.min.js"></script>
		<script src="assets/plugins/raphael/raphael-min.js"></script>

        <!-- Counter Up  -->
        <script src="assets/plugins/waypoints/lib/jquery.waypoints.js"></script>
        <script src="assets/plugins/counterup/jquery.counterup.min.js"></script>

        <!-- App js -->
        <script src="assets/js/jquery.core.js"></script>
        <script src="assets/js/jquery.app.js"></script>

        <!-- Page specific js -->
        <script src="assets/pages/jquery.dashboard.js"></script>
        <script src="assets/js/tab.js"></script>
       
       <script>
			var resizefunc = [];
        </script>
        <script type="text/javascript">
            $(document).ready(
                 function() { 
                  $("#do-nicescrol").niceScroll({oneaxismousemode: false,cursorcolor: "#999",horizrailenabled: false});
                 }
                );
        </script>

        
	</body>
</html>
